﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link  type="text/css"  rel="stylesheet" href="css/index.css" />
<link type="img/x-icon" rel="icon" href="images/favicon.ico"/>
<link  rel="shortcut icon" href="images/favicon.ico" type="img/x-icon"/>
<link rel="Bookmark" href="images/favicon.ico" type="img/x-icon"/>
<!--[if IE 6]>
<link type="text/css" rel="stylesheet" href="css/indexie6.css" />
 <![endif]-->
<title>webgame</title>
<script src="js/jquery-1.4a2.min.js" type="text/javascript"></script>
</head>
<body>
		<div id="top">
			<span id="top_left">找游戏，就上265g，玩家最喜爱的网页游戏资讯门户！</span>
			<div id="top_right">
				<span>HI,晚上好！</span>
				<span id="login"><a href="#">登陆</a>&nbsp;|&nbsp;<a href="#">注册</a></span>
			</div>
		</div>
		<div class="wrap">
			<div id="top_box">
				<div id="logo_wrap">logo</div>
				<div id="searcher_wrap">
					<form>
						<fieldset>
							<div id="searcher_txt">
								<input type="text" name="keytxt" />
							</div>
							<button id="searcher_btn" type="submit">站内搜索</button>
						</fieldset>
						<div id="hot_game_box">
								<div id="hot_title">热门游戏</div>
								<div id="hot_game">
									<a href="#">梦幻修仙</a> |
									<a href="#">末日传说</a> |
									<a href="#">哆啦a梦</a> |
									<a href="#">火影忍者</a> |
									<a href="#">海贼王</a> |
									<a href="#">名侦探柯南</a>
								</div>
						</div>
					</form>
				</div>
				<div id="web_flash"></div>
			</div>
			<div id="nav">
			<div id="navleft">
				<span><a href="index.html">首页</a></span>
				<span><a href="#">看新闻</a></span>
				<span><a href="#">找游戏</a></span>
				<span><a href="#">小游戏</a></span>
				<span><a href="#">开心家园</a></span>
				<span><a href="#">火爆论坛</a></span>
			</div>
			<div id="navright">
				<span><a href="#">排行榜</a></span>
				<span><a href="#">新游表</a></span>
				<span><a href="#">开服表</a></span>
				<span><a href="#">评游戏</a></span>
				<span><a href="#">发账号</a></span>
			</div>
		</div>
			<div id="webnav">
				<p style="text-align:center;height:60px;">广告</p>
			</div>
			<div id="webnavbottom">
					<span>拼音搜索</span>
					<uL>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
						<li><a href="#">a</a></li>
					</ul>
			</div>
		</div>
		<div></div>
		<div class="wrap">
			<div id="containleft">
				<div id="tabnav">
					<div>
						<span>游戏介绍:</span>
						<a href="#">游戏介绍</a>&gt
						<a href="#">游戏介绍</a>&gt
						<a href="#">游戏介绍</a>
					</div>
					<h1>游戏介绍</h1>
				</div>
				<div class="clear"></div>
				<div id="content_nav">
					<ul>
						<li><a href="#">游戏介绍</a><span></span></li>	|				
						<li><a href="#">游戏介绍</a><span></span></li>	|	
						<li><a href="#">游戏介绍</a><span></span></li>	|			
						<li><a href="#">游戏介绍</a><span></span></li>	|		
						<li><a href="#">游戏介绍</a><span></span></li>	|								
						<li><a href="#">游戏介绍</a><span></span></li>	|						
						<li><a href="#">游戏介绍</a><span></span></li>	|				
						<li><a href="#">游戏介绍</a><span></span></li>	|				
						<li><a href="#">游戏介绍</a><span></span></li>								
					</ul>
				</div>
				<div id="wg_a">
					<h3>游戏介绍 </h3>
					<div id="main_content">
						<div id="mainimg">
							<a href="#"><img src="images/gamebg.jpg" title="" /></a>

						</div>
						<div id="mainmsg">
							<ul>
								<li>游戏名称：<b>游戏介绍</b></li>
								<li>游戏类型：</li>
								<li>目前状况：</li>
								<li>官方网站：<a target="_blank" href="#">进入官网</a></li>
								<li>开发公司：</li>
								<li>运营公司：</li>
								<div id="begin_g"><a href="#" target="_blank">开始游戏</a></div>
							</ul>
						</div>
						<div id="gameinfo">
							<p>游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游游戏介绍游
							戏介绍游戏介绍游戏介绍游戏介绍游戏介绍游戏介绍游戏介绍游戏介绍游戏介绍游戏介绍游戏介绍
							</p>
						</div>
					</div>
				</div>
				<div class="wgbox_a">
					<h3>
						<span>新手指南</span>
						<a href="#">更多</a>	
					</h3>
					<ul>
						<li><a href="#">safdsafsafs</a></li>
						<li><a href="#">safdsafsafs</a></li>
						<li><a href="#">safdsafsafs</a></li>
						<li><a href="#">safdsafsafs</a></li>
					</ul>
				</div>
				<div class="wgbox_a" style="margin-left:10px;">
					<h3>
						<span>游戏资料</span>
						<a href="#">更多</a>	
					</h3>
					<ul>
						
						<li><a href="#">safdsafsafs</a></li>
					</ul>
				</div>
				<div class="clear"></div>
				<div class="wgbox_a">
					<h3>
						<span>游戏攻略</span>
						<a href="#">更多</a>	
					</h3>
					<ul></ul>
				</div>
				<div class="wgbox_a" style="margin-left:10px;">
					<h3>
						<span>心情故事</span>
						<a href="#">更多</a>	
					</h3>
					<div></div>
				</div>
				<div id="wgbox_img">
					<h3>
						<span>游戏截图</span>
						<a href="#">更多</a>	
					</h3>
					<ul>
						<li>
							<a target="_blank" href="#"><img src="images/a_08 .jpg" alt=""/></a>
							<br/>
							<a target="_blank" href="#">赛尔号2尤尼</a>
						</li>
						<li>
							<a target="_blank" href="#"><img src="images/a_08 .jpg" alt=""/></a>
							<br/>
							<a target="_blank" href="#">赛尔号2尤尼</a>
						</li>
						<li>
							<a target="_blank" href="#"><img src="images/a_08 .jpg" alt=""/></a>
							<br/>
							<a target="_blank" href="#">赛尔号2尤尼</a>
						</li>
						<li>
							<a target="_blank" href="#"><img src="images/a_08 .jpg" alt=""/></a>
							<br/>
							<a target="_blank" href="#">赛尔号2尤尼</a>
						</li>
						<li>
							<a target="_blank" href="#"><img src="images/a_08 .jpg" alt=""/></a>
							<br/>
							<a target="_blank" href="#">赛尔号2尤尼</a>
						</li>
						
					</ul>
				</div>
				<div id="face">
					<ul id="facepro">
						<li><a ><img src="images/face_a.jpg" alt="" style="width:30px;height:30px;"/><br/><span>高兴</span></a></li>
						<li><a ><img src="images/face_b.jpg" alt=""  style="width:30px;height:30px;"/><br/><span>高兴</span></a></li>
						<li><a ><img src="images/face_c.jpg" alt=""  style="width:30px;height:30px;"/><br/><span>高兴</span></a></li>
						<li><a ><img src="images/face_d.jpg" alt=""  style="width:30px;height:30px;"/><br/><span>高兴</span></a></li>
						<li><a ><img src="images/face_e.jpg" alt=""  style="width:30px;height:30px;"/><br/><span>高兴</span></a></li>
					</ul>
				</div>
				<script type="text/javascript">
					$(document).ready(function(){
							
							$('#face>ul>li').one("click",function(){
								$(this).attr('class','now');
								$('#face>ul>li').unbind();
							});
							$('#face>ul').one("click",function(){
								$('#face>ul').unbind();		
								$('#face:last').one("click",function(){
									$('#face>ul').attr('id','faceback');
									$('#faceback>li>a').remove();
									
									$('#faceback>li').append("<span class=\"num\">1</span><br/><span class=\"plan\"><img src=\"images/bar_a.jpg\" alt=\"\"/></span >");
									$('#faceback>li:eq(0)').append("<span class=\"fimg\"><img src=\"images/face_a.jpg\" alt=\"\" style=\"width:24px;height:24px;\"/>搞笑</span>");
									$('#faceback>li:eq(1)').append("<span class=\"fimg\"><img src=\"images/face_b.jpg\" alt=\"\" style=\"width:24px;height:24px;\"/>搞笑</span>");
									$('#faceback>li:eq(2)').append("<span class=\"fimg\"><img src=\"images/face_c.jpg\" alt=\"\" style=\"width:24px;height:24px;\"/>搞笑</span>");
									$('#faceback>li:eq(3)').append("<span class=\"fimg\"><img src=\"images/face_d.jpg\" alt=\"\" style=\"width:24px;height:24px;\"/>搞笑</span>");
									$('#faceback>li:eq(4)').append("<span class=\"fimg\"><img src=\"images/face_e.jpg\" alt=\"\" style=\"width:24px;height:24px;\"/>搞笑</span>");
									$('#faceback>li:eq(0)').find('span:first').attr('id','f1');
									$('#faceback>li:eq(1)').find('span:first').attr('id','f2');
									$('#faceback>li:eq(2)').find('span:first').attr('id','f3');
									$('#faceback>li:eq(3)').find('span:first').attr('id','f4');
									$('#faceback>li:eq(4)').find('span:first').attr('id','f5');
									
									var i = parseInt($('.now span').html());
										i++;
									$('.now').find('span:first').html(i);
									var a = $('.plan>img').height()
									var c = parseInt($('#f1').html())+parseInt($('#f2').html())+parseInt($('#f3').html())+parseInt($('#f4').html())+parseInt($('#f5').html());
									var b =  Math.floor((i/c)*a);
									
									$('.now').find('.plan').find('img').animate({height:b+"px"},1000);
								
									
								});	
							
							});
					});
				</script>
				<div id="discuss">
					<div id="dis_msg">
							<span>youke</span><a>2011-07-12&npc10:47:56</a>
							<p>aa </p>
					</div>
					<h3>
						<span>发表评论</span>
						<em>（评论内容:请文明参与评论，禁止谩骂攻击！）</em>
					</h3>
					<div id="passportc">
						<label for="user">昵称：</label>
						<input type="text" name="user" />
					</div>
					<form id="commentform" method="post">
					<textarea>我们尊重每位网友发言的权利，也请您尊重他人，注意语言文明。</textarea>
					</form>
					<script type="text/javascript">
						$(document).ready(function(){
							$('textarea').focus(function(){
								$(this).empty();
								
							});
						});
					</script>
					<div id="fun">
						<input type="button" id="btn" value="发表" />
						<span>[Ctrl+Enter]</span>
					</div>
				</div>
			</div>
			<div id="containright">
					<div class="wgbox_b">
						<img src="images/a_7.jpg" alt="" />
					</div>
					<div class="wgbox_b">
							<h3>
								<span>心情故事</span>
								<a href="#">更多</a>
							</h3>
							<ul>
								<li><a href="#">心情故事心情故事心情故事心情故事心情故事心情故事心情故事心情故事心情故事</a></li>
								<li><a href="#">心情故事心情故事心情故事心情故事心情故事</a></li>
								<li><a href="#">心情故事</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
							</ul>
					</div>
					<div class="wgbox_b">
						<img src="images/a_7.jpg" alt="" />
					</div>
					<div class="wgbox_b">
							<h3>
								<span>心情故事</span>
								<a href="#">更多</a>
							</h3>
							<ul>
								<li><a href="#">心情故事心情故事心情故事心情故事心情故事心情故事心情故事心情故事心情故事</a></li>
								<li><a href="#">心情故事心情故事心情故事心情故事心情故事</a></li>
								<li><a href="#">心情故事</a></li>
								<li><a href="#">心情故事</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>							
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
								<li><a href="#">《巨龙宝藏》不删档内测激活码限</a></li>
							</ul>
					</div>	
			</div>
		</div>
		<div class="clear"></div>
		<div id="footer">
			<div id="footer_a">
				<a href="#">关于本站</a> |
				<a href="#">关于本站</a> |
				<a href="#">关于本站</a> |
				<a href="#">关于本站</a> |
				<a href="#">关于本站</a> 
		
			</div>
			<div id="footer_b">
				<p>本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站本站</p>	
				<p>事事事事事事事事事事事事事事事事事事事事事事事事事</p>
			</div>
			<div id="footer_c">
				<p>增值业务</p>
				<p>编号：828282828</p>
			</div>
		</div>
</body>
</html>